<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登录</title>
    <!-- 引入重置样式 -->
    <link rel="stylesheet" href="../css/normalize.css">
    <!-- 引入公共样式 -->
    <link rel="stylesheet" href="../css/common.css">
    <!-- 引入插件样式 -->
    <link rel="stylesheet" href="../js/lunbo/css/slider.css">
    <!-- 引入当前样式 -->
    <link rel="stylesheet" href="../css/sign in.css">
</head>

<body>
    <!-- 网页头部 -->
    <div class="head container">
        <div class="head-left fl">
            <img class="header-logo" src="../imgs/图标/logo.webp" alt="">
        </div>
        <div class="head-right fr">
            <img class="fl" src="../imgs/img/call.png" alt="">
            <p class="fl"><span class="right-txt">咨询电话</span>
                <span class="right-txt">XXXX-XXXXXXXXX</span>
            </p>
        </div>
    </div>
    <!-- banner/登录 -->
    <div class="banner">
        <div class="banner-con container pr">
            <!-- 登录内容 -->
            <!-- 普通登录 -->
            <div class="signIn current webpage  pa">
                <!-- 二维码小图标 -->
                <p class="code-img pa">
                    <img src="../imgs/img/二维码小图标.png" alt="">
                </p>
                <!-- 头部 -->
                <div class="signIn-top">
                    <p class="top-txt action pr fl">普通登录</p>
                    <p class="top-txt pr fr">手机无密码登录</p>
                </div>
                <!-- 主体 -->
                <div class="content">
                    <!-- 普通登录 -->
                    <div class="ordinary signIn-con current">
                        <!-- 上边 -->
                        <div class="con-li">
                            <p class="con-p fl">
                                <input type="text" placeholder="用户名/邮箱/手机号">
                            </p>
                            <p class="con-img fl">
                                <img src="../imgs/img/用户.png" alt="">
                            </p>
                        </div>

                        <div class="con-li">
                            <p class="con-p fl">
                                <input type="password" placeholder="密码">
                            </p>
                            <p class="con-img fl">
                                <img src="../imgs/img/密码.png" alt="">
                            </p>
                        </div>
                        <div class="con-li">
                            <button class="con-btn">登&emsp;&emsp;&emsp;&emsp;录</button>
                        </div>
                        <!-- 下边 -->
                        <div class="con-btm">
                            <p class="btm-p clearfix">
                                <a class="con-a fr" href="#">注册账号</a>
                                <a class="con-a fr" href="#">忘记密码</a>
                            </p>
                            <p class="btm-txt">
                                第三方登录 :
                                <a class="btm-a" href="#"><img src="../imgs/img/QQ.png" alt=""></a>
                                <a class="btm-a" href="#"><img src="../imgs/img/微信.png" alt=""></a>
                                <a class="btm-a" href="#"><img src="../imgs/img/新浪.png" alt=""></a>
                                <a class="btm-a" href="#"><img src="../imgs/img/支付宝.png" alt=""></a>
                                &gt;&gt;
                            </p>
                        </div>
                    </div>
                    <!-- 手机无密码登录 -->
                    <div class="handset signIn-con">
                        <!-- 上边 -->
                        <div class="con-li">
                            <p class="con-p fl">
                                <input type="text" placeholder="请输入您的手机号">
                            </p>
                            <p class="con-img fl">
                                <img src="../imgs/img/用户.png" alt="">
                            </p>
                        </div>

                        <div class="con-li">
                            <p class="con-p fl">
                                <input type="password" placeholder="验证码">
                            </p>
                            <p class="con-img fr">
                                获取验证码
                            </p>
                        </div>
                        <div class="con-li">
                            <button class="con-btn">登&emsp;&emsp;&emsp;&emsp;录</button>
                        </div>
                        <!-- 下边 -->
                        <div class="con-btm">
                            <p class="btm-p clearfix">
                                <a class="con-a fr" href="#">注册账号</a>
                                <a class="con-a fr" href="#">收不到验证码</a>
                            </p>
                            <p class="btm-txt">
                                第三方登录 :
                                <a class="btm-a" href="#"><img src="../imgs/img/QQ.png" alt=""></a>
                                <a class="btm-a" href="#"><img src="../imgs/img/微信.png" alt=""></a>
                                <a class="btm-a" href="#"><img src="../imgs/img/新浪.png" alt=""></a>
                                <a class="btm-a" href="#"><img src="../imgs/img/支付宝.png" alt=""></a>
                                &gt;&gt;
                            </p>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 扫码登录 -->
            <div class="signIn code pa">
                <!-- 二维码小图标 -->
                <p class="code-img pa">
                    <img src="../imgs/images/二维码小图标2.jpg" alt="">
                </p>
                <p class="txt-top">
                    <img class="fl" src="../imgs/images/扫一扫.jpg" alt="">
                   
                        打开支付宝
                        扫一扫登录
                   
                </p>
                <p class="txt-img pr">
                    <img src="../imgs/images/二维码.jpg" alt="">
                </p>
                <p class="txt-btm">
                    <a href="#">点击下载XXXapp</a>
                </p>
            </div>

        </div>
    </div>
    <!-- 网页页尾 -->
    <div id="footer" class="footer">
        <ul class="footer-top container clearfix">
            <li class="footer-top-li fl">
                <img class="footer-top-img fl" src="../imgs/图标/页尾图标1.jpg" alt="">
                <h3 class="footer-top-h">正品保障</h3>
                <p class="footer-top-p">正品行货 放心选购</p>
            </li>
            <li class="footer-top-li fl">
                <img class="footer-top-img fl" src="../imgs/图标/页尾图标3.jpg" alt="">
                <h3 class="footer-top-h">满86包邮</h3>
                <p class="footer-top-p">满86元 免运费</p>
            </li>
            <li class="footer-top-li fl">
                <img class="footer-top-img fl" src="../imgs/图标/页尾图标2.jpg" alt="">
                <h3 class="footer-top-h">售后无忧</h3>
                <p class="footer-top-p">7天无理由退货</p>
            </li>
            <li class="footer-top-li fl">
                <img class="footer-top-img fl" src="../imgs/图标/页尾图标4.jpg" alt="">
                <h3 class="footer-top-h">准时送达</h3>
                <p class="footer-top-p">收货时间由你做主</p>
            </li>

        </ul>
        <ul class="footer-nav container clearfix">
            <li class="footer-nav-li fl">
                <h3 class="footer-nav-h">新手入门</h3>
                <a class="footer-nav-a" href="#">购物流程</a>
                <a class="footer-nav-a" href="#">会员制度</a>
                <a class="footer-nav-a" href="#">订单查询</a>
                <a class="footer-nav-a" href="#">服务协议及隐私说明</a>
                <a class="footer-nav-a" href="#">网站地图</a>

            </li>
            <li class="footer-nav-li fl">
                <h3 class="footer-nav-h">支付方式</h3>
                <a class="footer-nav-a" href="#">货到付款</a>
                <a class="footer-nav-a" href="#">网上支付</a>
                <a class="footer-nav-a" href="#">礼品卡支付</a>
                <a class="footer-nav-a" href="#">其它支付</a>
            </li>
            <li class="footer-nav-li fl">
                <h3 class="footer-nav-h">配送服务</h3>
                <a class="footer-nav-a" href="#">配送进度查询</a>
                <a class="footer-nav-a" href="#">商品验货与签收</a>
            </li>
            <li class="footer-nav-li fl">
                <h3 class="footer-nav-h">相关规则</h3>
                <a class="footer-nav-a" href="#">平台规则</a>
                <a class="footer-nav-a" href="#">退换货政策</a>
                <a class="footer-nav-a" href="#">发票制度</a>
                <a class="footer-nav-a" href="#">帮助中心</a>
            </li>
            <li class="footer-nav-li fl">
                <h3 class="footer-nav-h">App更优惠</h3>
                <a class="footer-nav-a" href="#"><img src="../imgs/图标/qryhd.png" alt=""></a>
            </li>
            <li class="footer-nav-li fl">
                <h3 class="footer-nav-h">加微信查订单</h3>
                <a class="footer-nav-a" href="#"><img src="../imgs/图标/qryhd.png" alt=""></a>
            </li>
        </ul>
        <div class="footer-bottom">
            <p class="footer-bottom-phone">沪ICP备XXXXXXXXX号 | 经营证照 | 互联网药品信息服务资格证(沪)-经营性-2017-0006 |
                违法和不良信息举报电话：XXX-XXXXXXXX | 沪B2-XXXXXXX | </p>
            <p class="footer-bottom-permit">沪公网安备 XXXXXXXXX号 | 友情链接 | 出版物经营许可证 | 增值电信业务经营许可证</p>
            <p class="footer-bottom-link">
                <a href="#"><img src="../imgs/图标/footer1.jpg" alt=""></a>
                <a href="#"><img src="../imgs/图标/footer2.jpg" alt=""></a>
                <a href="#"><img src="../imgs/图标/footer3.png" alt=""></a>
                <a href="#"><img src="../imgs/图标/footer4.jpg" alt=""></a>
                <a href="#"><img src="../imgs/图标/footer5.png" alt=""></a>
                <a href="#"><img src="../imgs/图标/footer6.jpg" alt=""></a>

            </p>
        </div>
    </div>
    <!-- 引入插件 -->
    <!-- jq库插件 -->
    <script src="../lib/jquery.js"></script>
    <!-- 引入当前js -->
    <script src="../js/sign in.js"></script>
</body>

</html>